<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>教师-明细页</title>
    <link href="../c/base.css" rel="stylesheet" type="text/css">
    <link href="../c/toefl.css" rel="stylesheet" type="text/css">
    <link href="../c/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../j/jQuery.js">
    </script>
    <script src="../user/js/teacher.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div class="">

    <div class="castleInfo">
        <dl>
            <dt><a href="###"><img th:src="${session.sess_user.img_url}"></a></dt>
            <dd style="float: left; margin-left: 50px; width: 930px;">

                <div class="castleInfo_title">讲师姓名：[[${session.classInforDetails.teacher.user_name}]]</div>
                <div class="castleTime">
                    邮箱：<span>[[${session.classInforDetails.teacher.email}]]</span>
                </div>
                <div class="flcb_cardTech">
                    <span class="first" th:text="${session.classInforDetails.teacher.sex==0}?'性别：男':'性别：女'"></span>
                    <span class="first">学历：博士</span>

                </div>
                <div class="castleInfo_time">最新课程：[[${session.classInforDetails.classTitle}]]</div>
                <div class="castleInfo_time">
                    <span class="castleInfo_Cy">发表文章<b>5</b></span>
                    <span class="castleInfo_Cy">公开课<b>10</b></span>
                    <span class="castleInfo_Cy">福利城堡课程<b>10</b></span>
                    <span class="glyphicon glyphicon-thumbs-up" style="font-size: 18px;color: #E6312A;"
                          aria-hidden="true">（10）</span>
                </div>
                <div class="castleJieshao">
                    [[${session.classInforDetails.teacher.introduce}]]
                </div>

            </dd>
        </dl>
    </div>
    <div class="classInfo_main">
        <div class="">
            <!--导航栏-->
            <div class="classInfo_menu fn-clear">
                <ul>
                    <li class="on">
                        <a href="###" id="article">文章</a>
                    </li>
                    <li>
                        <a href="###" id="publicClass">公开课</a>
                    </li>
                    <li>
                        <a href="###" id="castle">福利城堡</a>
                    </li>
                    <li>
                        <a href="###" id="comment">考生评价</a>
                    </li>
                </ul>
            </div>

            <!--文章-->
            <div id="articleContent" style="display: block;">
                <div class="publiclass">
                    <dl>
                        <a href="托福人详情页.html">
                            <dt><img src="../i/400x240.png"></dt>
                        </a>
                        <dd style="float: left;margin-left: 50px;">
                            <a href="托福人详情页.html">
                            </a>
                            <div class="tfr_classifyh3">
                                <a href="托福人详情页.html">
                                    <h3>托福口语5个技巧带你入门</h3>
                                </a>
                                <div>
                                    <a href="托福人详情页.html"></a>
                                    <a href="###" class="imgA"><img class="img" src="../i/125x125.jpg"> alex</a>
                                </div>
                            </div>
                            <div class="tfr_classifyText">
                                对于很多打算考托福的同学来说，该如何准备托福口语是个很困扰的问题。其实，利用OG，分析录音，活用托福听力材料等技巧能让考生轻松入门。好好学托福名师为大家总结了5个入门技巧，让更多的同学更有效率的备考。
                            </div>
                            <div class="tfr_classifyTime">
                                <span>所属分类:</span>
                                <a href="###">听力</a>
                                <span>发布日期：</span><span>2019-12-12</span>
                                <a href="###" style="margin-left: 40px;"> 删除</a>
                                <a href="../托福人/托福人发布页.html"> 编辑</a>
                                <div class="commDiv">
                                    <span class="glyphicon glyphicon-heart" style="color: #D92A11;"></span>
                                    <span>100</span>
                                    <span class="glyphicon glyphicon-user"
                                          style="color: #388BFF;"></span><span>20</span>
                                </div>

                            </div>

                        </dd>

                    </dl>
                    <div class="pageList">
                        <ul>
                            <li><span>1</span></li>
                            <li>
                                <a href="###">2</a>
                            </li>
                            <li>
                                <a href="###">3</a>
                            </li>
                            <li>
                                <a href="###">4</a>
                            </li>
                            <li>
                                <a href="###">5</a>
                            </li>
                            <li>
                                <a href="###">最后一页</a>
                            </li>
                            <li>
                                <a href="###" class="pret">上一页</a>
                            </li>
                            <li>
                                <a href="###" class="next">下一页</a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>


            <!--公开课-->
            <div id="publicClassContent" style="display: none;">
                <div class="publiclass" style="width: 910px;">
                    <dl>
                        <dt>
                            <div class="publiclass_rq">
                                <div class="publiclass_rqD">
                                    [[${#dates.format(session.classInforDetails.startTime,'dd日')}]]
                                </div>
                                <div class="publiclass_rqM">
                                    [[${#dates.format(session.classInforDetails.endTime,'dd日')}]]
                                </div>
                            </div>
                            <a href="#" class="publiclass_Pic"><img th:src="${session.classInforDetails.imgUrl}"
                                                                    width="350" height="190"></a>
                        </dt>
                        <dd>
                            <div class="flcb_cardClass">
                                <h3>[[${session.classInforDetails.classTitle}]]</h3>
                                <div class="flcb_cardNum"><span>[[${session.classInforDetails.signupNum}]]</span>人购买
                                </div>
                            </div>
                            <div class="flcb_cardTime">上课时间：<span>[[${#dates.format(session.classInforDetails.startDate,'yyyy-MM-dd')}]]</span><span
                                    class="marginR15">[[${#dates.format(session.classInforDetails.startTime,'HH:mm')}]]--[[${#dates.format(session.classInforDetails.endTime,'HH:mm')}]]</span>上课地点：<span>[[${session.classInforDetails.classDesc}]]</span>
                            </div>
                            <div class="flcb_cardTech">
                                <span class="first">主讲老师：</span>
                                <span class="teacherPic"><img
                                        th:src="@{/session.classInforDetails.teacher.img_url}"></span>
                                <span class="name" th:text="${session.classInforDetails.teacher.user_name}">老师姓名</span>
                                <span class="zan"><a href="###"><img src="../i/icon_zan14x14.jpg"></a></span>
                                <span class="zanNum">(32)</span>
                            </div>
                            <div class="publiclass_Text">
                                <table border="0" cellspacing="0" cellpadding="0">
                                    <tbody>
                                    <tr>
                                        <td>课程大纲：</td>
                                        <td>[[${session.classInforDetails.classDesc}]]</td>
                                    </tr>
                                    </tbody>
                                </table>

                            </div>
                            <div class="publiclass_B">
                                <a href="###">进该课程群</a>
                            </div>
                        </dd>
                    </dl>

                </div>

            </div>


            <!--福利城堡-->
            <div class="flcb_cardMain" id="castleContent" style="display: none;width: 910px;">
                <dl>
                    <dt><a href="#"><img src="../i/270x155.jpg" width="270" height="155"></a></dt>
                    <dd>
                        <div class="flcb_cardClass">
                            <h3>托福英语口语强化班1111</h3>
                            <div class="flcb_cardNum"><span>12345</span>人购买</div>
                        </div>
                        <div class="castleTime">
                            上课时间：<span>2015-10-29</span>到<span>2016-10-29</span>&nbsp;&nbsp;&nbsp;&nbsp; 每周：
                            <span style="color: green;">2、4、6</span>&nbsp;的&nbsp;<span
                                style="color: red;">17：30-19：30</span>上课
                        </div>

                        <div class="castleTech">
                            <span class="first">主讲老师：</span>
                            <span class="teacherPic"><img src="../i/22x22.jpg"></span>
                            <span class="name">老师姓名</span>
                            <span class="zan"><a href="###"><img src="../i/icon_zan14x14.jpg"></a></span>
                            <span class="zanNum">(32)</span>

                        </div>
                        <div class="flcb_cardButton">
                            <a href="../福利城堡/福利城堡-活动详细页.html">活动详情</a>
                            <a href="../福利城堡/福利城堡-发布.html">编辑</a>
                            <a href="###" data-toggle="modal" data-target=".modal">删除</a>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="#"><img src="../i/270x155.jpg" width="270" height="155"></a></dt>
                    <dd>
                        <div class="flcb_cardClass">
                            <h3>托福英语口语强化班</h3>
                            <div class="flcb_cardNum"><span>12345</span>人购买</div>
                        </div>
                        <div class="castleTime">
                            上课时间：<span>2015-10-29</span>到<span>2016-10-29</span>&nbsp;&nbsp;&nbsp;&nbsp; 每周：
                            <span style="color: green;">2、4、6</span>&nbsp;的&nbsp;<span
                                style="color: red;">17：30-19：30</span>上课
                        </div>

                        <div class="castleTech">
                            <span class="first">主讲老师：</span>
                            <span class="teacherPic"><img src="../i/22x22.jpg"></span>
                            <span class="name">老师姓名</span>
                            <span class="zan"><a href="###"><img src="../i/icon_zan14x14.jpg"></a></span>
                            <span class="zanNum">(32)</span>

                        </div>
                        <div class="flcb_cardButton">
                            <a href="福利城堡-活动详细页.html">活动详情</a>
                            <a href="../福利城堡/福利城堡-发布.html">编辑</a>
                            <a href="###" data-toggle="modal" data-target=".modal">删除</a>
                        </div>
                    </dd>
                </dl>
                <div class="pageList">
                    <ul>
                        <li><span>1</span></li>
                        <li>
                            <a href="###">2</a>
                        </li>
                        <li>
                            <a href="###">3</a>
                        </li>
                        <li>
                            <a href="###">4</a>
                        </li>
                        <li>
                            <a href="###">5</a>
                        </li>
                        <li>
                            <a href="###">最后一页</a>
                        </li>
                        <li>
                            <a href="###" class="pret">上一页</a>
                        </li>
                        <li>
                            <a href="###" class="next">下一页</a>
                        </li>
                    </ul>
                </div>

            </div>


            <!--考生评价-->
            <div class="zql_Body" id="commentContent" style="display: none;width: 910px;">
                <dl th:each="tc:${session.teacherComments}">
                    <dt class="zql_BodyPic"><img th:src="${tc.user.img_url}"></dt>
                    <dd class="zql_BodyText">
                        <div class="zql_BodyTitle">
                            <span th:text="${tc.user.getLogin_name()}">四季的风</span>
                            <div style="float: right;">
                                <input type="hidden" name="teacherId"
                                       th:value="${session.teacherComments[0].teacherId}">
                                <input type="hidden" name="classId"
                                       th:value="${session.classInforDetails.getClassId()}">
                                <a th:href="@{/deleteCommentById(comentId=${tc.getComentId()})}" th:unless="${session.loginMessage=='user'}" class="btn btn-danger">删除</a>
                                <!--<a th:href="@{/}" class="btn btn-warning">编辑</a>-->
                            </div>
                        </div>
                        <div class="zql_BodyT">
                            <p th:text="${tc.comentDesc}">

                            </p>
                        </div>
                        <div style="width: 170px;float: right;">
                            <span>评论时间：</span>[[${#dates.format(tc.lastModify, 'yyyy-MM-dd HH:mm:ss')}]]
                        </div>
                    </dd>
                </dl>


                <!--评论区-->
                <div class="zql_Bottom">
                    <form action="/addComment" method="post">
                        <input type="hidden" name="teacherId" th:value="${session.teacherComments[0].teacherId}">
                        <input type="hidden" name="commentUser" th:unless="${session.loginMessage=='user'}" th:value="${session.sess_user.user_id}">
                        <div><input name="" type="text" class="zql_BottomTitle"></div>
                        <div><textarea name="comentDesc" cols="" rows="" class="zql_BottomInput"></textarea></div>
                        <div class="paddingT20 fn-clear"><input type="submit" class="zql_BottomButton">发布</input></div>
                    </form>
                </div>

            </div>


        </div>

    </div>

</div>

</body>

</html>